<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="layout :: htmlhead" th:with="title='后台管理'"></head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头-->
    <div th:replace="fragments/head :: header"></div>

    <div class="layui-body" style="margin: 1%">

        <blockquote class="layui-elem-quote">发布新闻动态</blockquote>
        <form class="layui-form layui-form-pane" action="">

            <div class="layui-form-item" style="width: calc(57%);">
                <div class="layui-inline">
                    <label class="layui-form-label">新闻类型</label>
                    <div class="layui-input-inline" style="width: 400px">
                        <select name="newsId" lay-verify="required" lay-search="">
                            <option value="">请选择新闻类型</option>
                            <option value="1">行业聚焦</option>
                            <option value="2">企业动态</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item" style="width: calc(57%);">
                <div class="layui-inline">
                    <label class="layui-form-label">新闻标题</label>
                    <div class="layui-input-inline" style="width: 400px">
                        <input type="text" name="newsTitle" id="newsTitle"
                               autocomplete="off" placeholder="请输入新闻的标题"
                               class="layui-input" lay-verify="newsTitle">
                    </div>
                </div>
            </div>


            <div class="layui-form-item layui-form-text" style="width: calc(85%)">
                <div class="layui-inline" style="width: calc(100%)">
                    <label class="layui-form-label">案例详情</label>
                    <div id="editor" name="detail">
                        <!--<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>-->
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-upload">
                    <button type="button" class="layui-btn" id="newsImg" style="width: 150px;">封面图片</button>
                    <div class="layui-upload-list">
                        <img class="layui-upload-img" id="newsPhoto"
                             style="width: 150px; height: 100px; margin: 0 10px 10px 0;">
                        <p id="newsText"></p>
                    </div>
                </div>
                <div class="layui-form-mid layui-word-aux">请选择一张1866*910px的图作为封面图片</div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block" style="margin-left: 10px">
                    <button class="layui-btn" lay-submit lay-filter="formNews">提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>

    </div>


    <!--底部-->
    <div th:replace="fragments/footer :: footer"></div>
    <script src="/js/dateUtils.js"></script>
    <script src="/js/wangEditor.min.js"></script>
    <script src="/js/checkParam.js"></script>
    <script src="/js/manage/newsManage.js"></script>

</div>
</body>
</html>